<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a4j="http://richfaces.org/a4j">
  
<!-- Todas las paginas deben tener esta linea para que las tildes funcionen -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<ui:composition template="plantillas/plantillaPrincipal.xhtml">
	<ui:define name="body">		
		<table border="0" cellspacing="5" cellpadding="0" width="100%">
			<tr>
				<td colspan="3">
				&nbsp;
				</td>
			</tr>
			<tr>
				<td>
				<a4j:outputPanel id="panelTablaA">
					<table cellpadding="0" cellspacing="0">
					<tr style="background-color: #024BB9; font-weight: bold; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;">
						<td>	
							<div align="center">
								Grupo A
							</div>
						</td>
					</tr>
					<tr>
					<td>
					<rich:dataTable id="grupoATable" border="0" cellpading="0"
						rows="6" width="420"
						cellspacing="1" headerClass="encabezado" footerClass="derecha"
						rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
						styleClass="tablamultiregistro"
						value="#{partidosBean.partidosADataModel}"
						var="partidoDTO">					
						
						<rich:column id="posicionA" style="text-align:left;"
							headerClass="centrado" footerClass="centrado" >
							
							<f:facet name="header">
							     <h:outputText value="Partido"/>
							</f:facet>
							<h:outputText value="#{partidoDTO.idPartido}" />
																									
						</rich:column>
						
						<rich:column id="equipoA" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
                   <h:outputText value="Equipo"/>
              </f:facet>
              <h:graphicImage value="#{partidoDTO.equipo1.bandera}" />
              <rich:spacer width="3"></rich:spacer>
              <h:outputText value="#{partidoDTO.equipo1.nombre}" />
						
					
						</rich:column>
						
						<rich:column id="pjA" style="text-align:left;"
                headerClass="centrado" footerClass="centrado">
                
                <f:facet name="header">
                     <h:outputText value="Goles"/>
                </f:facet>
                
                <h:inputText id="goles1" value="#{partidoDTO.goles1}" size="1" maxlength="2"/>                
                   
                     
            </rich:column>
                        
            <rich:column id="pgA" style="text-align:left;"
                headerClass="centrado" footerClass="centrado">
                
                <f:facet name="header">
                     <h:outputText value="Goles"/>
                </f:facet>
                
                <h:inputText id="goles2" value="#{partidoDTO.goles2}"  size="1" maxlength="2" />      
          
            </rich:column>
               
            <rich:column id="peA" style="text-align:left;"
                headerClass="centrado" footerClass="centrado">
                
                <f:facet name="header">
                     <h:outputText value="Equipo"/>
                </f:facet>
							<h:graphicImage value="#{partidoDTO.equipo2.bandera}" />
              <rich:spacer width="3"></rich:spacer>
              <h:outputText value="#{partidoDTO.equipo2.nombre}" />
        			
            </rich:column>	
            
            <rich:column id="fechaLimiteA" style="text-align:center;"
                headerClass="centrado" footerClass="centrado">
                
                <f:facet name="header">
                     <h:outputText value="Fecha Límite" />
                </f:facet>
                	
									<h:outputText value="#{partidoDTO.fechaLimite}" />             
        				
            </rich:column>
            
            <rich:column id="guardarA" style="text-align:center;"
                headerClass="centrado" footerClass="centrado">
                
                <f:facet name="header">
                     <rich:spacer/>
                </f:facet>
                
                <a4j:htmlCommandLink id="eliminar"
										onclick="alert('Eliminando.');"
										action="#{partidosBean.guardarResultadoA}">
																					
										<h:graphicImage value="#{imagenes.GUARDAR}" height="18" width="18" alt="Guardar Marcador"/>
								</a4j:htmlCommandLink>
        				
            </rich:column>
            
            <f:facet name="footer">
            	<a4j:outputPanel>
            		<a4j:htmlCommandLink  onclick="esNumero('5');">
	            		<h:outputText value="Guardar grupo" />
	            		<rich:spacer style="border: 0;" width="5"/>
	            		<h:graphicImage value="#{imagenes.GUARDAR_TODO}" style="border: 0;" height="20" width="20" alt="Guardar todos los marcadores del grupo"/>
            		</a4j:htmlCommandLink>
            		
            	</a4j:outputPanel>
							
						</f:facet>
            
					</rich:dataTable>
					</td>
					</tr>
					</table>
				</a4j:outputPanel>
				</td>
				<td>
				&nbsp;
				</td>
				<td>
					<a4j:outputPanel id="panelTablaB">
					<table cellpadding="0" cellspacing="0">
					<tr style="background-color: #024BB9; font-weight: bold; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;">
						<td>	
							<div align="center">
								Grupo B
							</div>
						</td>
					</tr>
					<tr>
					<td>
					<rich:dataTable id="grupoBTable" border="0" cellpading="3"
						rows="6" width="420"
						cellspacing="1" headerClass="encabezado"
						rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
						styleClass="tablamultiregistro"
						value="#{partidosBean.partidosBDataModel}"
						var="partidoDTO">					
						
						<rich:column id="posicionB" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
							     <h:outputText value="Partido"/>
							</f:facet>
							<h:outputText value="#{partidoDTO.idPartido}" />
						
						</rich:column>
						
						<rich:column id="equipoB" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
                   <h:outputText value="Equipo"/>
              </f:facet>
              <h:graphicImage value="#{partidoDTO.equipo1.bandera}" />
              <rich:spacer width="3"></rich:spacer>
              <h:outputText value="#{partidoDTO.equipo1.nombre}" />
						
						</rich:column>
						
						<rich:column id="pjB" style="text-align:left;"
                  headerClass="centrado" footerClass="centrado">
                  
                  <f:facet name="header">
                       <h:outputText value="Goles"/>
                  </f:facet>
                  
                  <h:inputText id="goles1" value="#{partidoDTO.goles1}" size="1" maxlength="2" />                
                               
              </rich:column>
                        
               <rich:column id="pgB" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="Goles"/>
                   </f:facet>
                   
                   <h:inputText id="goles2" value="#{partidoDTO.goles2}"  size="1" maxlength="2" />      
             
               </rich:column>
               
               <rich:column id="peB" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="Equipo"/>
                   </f:facet>
										<h:graphicImage value="#{partidoDTO.equipo2.bandera}" />
			              <rich:spacer width="3"></rich:spacer>
			              <h:outputText value="#{partidoDTO.equipo2.nombre}" />
           
               </rich:column>	
					</rich:dataTable>
					</td>
					</tr>
					</table>
				</a4j:outputPanel>
				</td>
			</tr>
			<tr>
				<td>
					<a4j:outputPanel id="panelTablaC">
					<table cellpadding="0" cellspacing="0">
					<tr style="background-color: #024BB9; font-weight: bold; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;">
						<td>	
							<div align="center">
								Grupo C
							</div>
						</td>
					</tr>
					<tr>
					<td>
					<rich:dataTable id="grupoCTable" border="0" cellpading="3"
						rows="6" width="420"
						cellspacing="1" headerClass="encabezado"
						rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
						styleClass="tablamultiregistro"
						value="#{partidosBean.partidosCDataModel}"
						var="partidoDTO">					
						
						<rich:column id="posicionC" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
							     <h:outputText value="Partido"/>
							</f:facet>
							<h:outputText value="#{partidoDTO.idPartido}" />
						
						</rich:column>
						
						<rich:column id="equipoC" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
                   <h:outputText value="Equipo"/>
              </f:facet>
              <h:graphicImage value="#{partidoDTO.equipo1.bandera}" />
              <rich:spacer width="3"></rich:spacer>
              <h:outputText value="#{partidoDTO.equipo1.nombre}" />
						
						</rich:column>
						
						<rich:column id="pjC" style="text-align:left;"
                  headerClass="centrado" footerClass="centrado">
                  
                  <f:facet name="header">
                       <h:outputText value="Goles"/>
                  </f:facet>
                  
                  <h:inputText id="goles1" value="#{partidoDTO.goles1}" size="1" maxlength="2" />                
                               
              </rich:column>
                        
               <rich:column id="pgC" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="Goles"/>
                   </f:facet>
                   
                   <h:inputText id="goles2" value="#{partidoDTO.goles2}"  size="1" maxlength="2" />      
             
               </rich:column>
               
               <rich:column id="peC" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="Equipo"/>
                   </f:facet>
										<h:graphicImage value="#{partidoDTO.equipo2.bandera}" />
			              <rich:spacer width="3"></rich:spacer>
			              <h:outputText value="#{partidoDTO.equipo2.nombre}" />
           
               </rich:column>	
					</rich:dataTable>
					</td>
					</tr>
					</table>
				</a4j:outputPanel>
				</td>
				<td>
				&nbsp;
				</td>
				<td>
					<a4j:outputPanel id="panelTablaD">
					<table cellpadding="0" cellspacing="0">
					<tr style="background-color: #024BB9; font-weight: bold; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;">
						<td>	
							<div align="center">
								Grupo D
							</div>
						</td>
					</tr>
					<tr>
					<td>
					<rich:dataTable id="grupoDTable" border="0" cellpading="3"
						rows="6" width="420"
						cellspacing="1" headerClass="encabezado"
						rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
						styleClass="tablamultiregistro"
						value="#{partidosBean.partidosDDataModel}"
						var="partidoDTO">					
						
						<rich:column id="posicionD" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
							     <h:outputText value="Partido"/>
							</f:facet>
							<h:outputText value="#{partidoDTO.idPartido}" />
						
						</rich:column>
						
						<rich:column id="equipoD" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
                   <h:outputText value="Equipo"/>
              </f:facet>
              <h:graphicImage value="#{partidoDTO.equipo1.bandera}" />
              <rich:spacer width="3"></rich:spacer>
              <h:outputText value="#{partidoDTO.equipo1.nombre}" />
						
						</rich:column>
						
						<rich:column id="pjD" style="text-align:left;"
                  headerClass="centrado" footerClass="centrado">
                  
                  <f:facet name="header">
                       <h:outputText value="Goles"/>
                  </f:facet>
                  
                  <h:inputText id="goles1" value="#{partidoDTO.goles1}" size="1" maxlength="2" />                
                               
              </rich:column>
                        
               <rich:column id="pgD" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="Goles"/>
                   </f:facet>
                   
                   <h:inputText id="goles2" value="#{partidoDTO.goles2}"  size="1" maxlength="2" />      
             
               </rich:column>
               
               <rich:column id="peD" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="Equipo"/>
                   </f:facet>
										<h:graphicImage value="#{partidoDTO.equipo2.bandera}" />
			              <rich:spacer width="3"></rich:spacer>
			              <h:outputText value="#{partidoDTO.equipo2.nombre}" />
           
               </rich:column>	
					</rich:dataTable>
					</td>
					</tr>
					</table>
				</a4j:outputPanel>
				</td>
			</tr>
			<tr>
				<td>
					<a4j:outputPanel id="panelTablaE">
					<table cellpadding="0" cellspacing="0">
					<tr style="background-color: #024BB9; font-weight: bold; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;">
						<td>	
							<div align="center">
								Grupo E
							</div>
						</td>
					</tr>
					<tr>
					<td>
					<rich:dataTable id="grupoETable" border="0" cellpading="3"
						rows="6" width="420"
						cellspacing="1" headerClass="encabezado"
						rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
						styleClass="tablamultiregistro"
						value="#{partidosBean.partidosEDataModel}"
						var="partidoDTO">					
						
						<rich:column id="posicionE" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
							     <h:outputText value="Partido"/>
							</f:facet>
							<h:outputText value="#{partidoDTO.idPartido}" />
						
						</rich:column>
						
						<rich:column id="equipoE" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
                   <h:outputText value="Equipo"/>
              </f:facet>
              <h:graphicImage value="#{partidoDTO.equipo1.bandera}" />
              <rich:spacer width="3"></rich:spacer>
              <h:outputText value="#{partidoDTO.equipo1.nombre}" />
						
						</rich:column>
						
						<rich:column id="pjE" style="text-align:left;"
                  headerClass="centrado" footerClass="centrado">
                  
                  <f:facet name="header">
                       <h:outputText value="Goles"/>
                  </f:facet>
                  
                  <h:inputText id="goles1" value="#{partidoDTO.goles1}" size="1" maxlength="2" />                
                               
              </rich:column>
                        
               <rich:column id="pgE" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="Goles"/>
                   </f:facet>
                   
                   <h:inputText id="goles2" value="#{partidoDTO.goles2}"  size="1" maxlength="2" />      
             
               </rich:column>
               
               <rich:column id="peE" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="Equipo"/>
                   </f:facet>
										<h:graphicImage value="#{partidoDTO.equipo2.bandera}" />
			              <rich:spacer width="3"></rich:spacer>
			              <h:outputText value="#{partidoDTO.equipo2.nombre}" />
           
               </rich:column>	
					</rich:dataTable>
					</td>
					</tr>
					</table>
				</a4j:outputPanel>
				</td>
				<td>
				&nbsp;
				</td>
				<td>
					<a4j:outputPanel id="panelTablaF">
					<table cellpadding="0" cellspacing="0">
					<tr style="background-color: #024BB9; font-weight: bold; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;">
						<td>	
							<div align="center">
								Grupo F
							</div>
						</td>
					</tr>
					<tr>
					<td>
					<rich:dataTable id="grupoFTable" border="0" cellpading="3"
						rows="6" width="420"
						cellspacing="1" headerClass="encabezado"
						rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
						styleClass="tablamultiregistro"
						value="#{partidosBean.partidosFDataModel}"
						var="partidoDTO">					
						
						<rich:column id="posicionF" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
							     <h:outputText value="Partido"/>
							</f:facet>
							<h:outputText value="#{partidoDTO.idPartido}" />
						
						</rich:column>
						
						<rich:column id="equipoF" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
                   <h:outputText value="Equipo"/>
              </f:facet>
              <h:graphicImage value="#{partidoDTO.equipo1.bandera}" />
              <rich:spacer width="3"></rich:spacer>
              <h:outputText value="#{partidoDTO.equipo1.nombre}" />
						
						</rich:column>
						
						<rich:column id="pjF" style="text-align:left;"
                  headerClass="centrado" footerClass="centrado">
                  
                  <f:facet name="header">
                       <h:outputText value="Goles"/>
                  </f:facet>
                  
                  <h:inputText id="goles1" value="#{partidoDTO.goles1}" size="1" maxlength="2" />                
                               
              </rich:column>
                        
               <rich:column id="pgF" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="Goles"/>
                   </f:facet>
                   
                   <h:inputText id="goles2" value="#{partidoDTO.goles2}"  size="1" maxlength="2" />      
             
               </rich:column>
               
               <rich:column id="peF" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="Equipo"/>
                   </f:facet>
										<h:graphicImage value="#{partidoDTO.equipo2.bandera}" />
			              <rich:spacer width="3"></rich:spacer>
			              <h:outputText value="#{partidoDTO.equipo2.nombre}" />
           
               </rich:column>	
					</rich:dataTable>
					</td>
					</tr>
					</table>
				</a4j:outputPanel>
				</td>
			</tr>
			
			<tr>
				<td>
					<a4j:outputPanel id="panelTablaG">
					<table cellpadding="0" cellspacing="0">
					<tr style="background-color: #024BB9; font-weight: bold; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;">
						<td>	
							<div align="center">
								Grupo G
							</div>
						</td>
					</tr>
					<tr>
					<td>
					<rich:dataTable id="grupoGTable" border="0" cellpading="3"
						rows="6" width="420"
						cellspacing="1" headerClass="encabezado"
						rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
						styleClass="tablamultiregistro"
						value="#{partidosBean.partidosGDataModel}"
						var="partidoDTO">					
						
						<rich:column id="posicionG" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
							     <h:outputText value="Partido"/>
							</f:facet>
							<h:outputText value="#{partidoDTO.idPartido}" />
						
						</rich:column>
						
						<rich:column id="equipoG" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
                   <h:outputText value="Equipo"/>
              </f:facet>
              <h:graphicImage value="#{partidoDTO.equipo1.bandera}" />
              <rich:spacer width="3"></rich:spacer>
              <h:outputText value="#{partidoDTO.equipo1.nombre}" />
						
						</rich:column>
						
						<rich:column id="pjG" style="text-align:left;"
                  headerClass="centrado" footerClass="centrado">
                  
                  <f:facet name="header">
                       <h:outputText value="Goles"/>
                  </f:facet>
                  
                  <h:inputText id="goles1" value="#{partidoDTO.goles1}" size="1" maxlength="2" />                
                               
              </rich:column>
                        
               <rich:column id="pgG" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="Goles"/>
                   </f:facet>
                   
                   <h:inputText id="goles2" value="#{partidoDTO.goles2}"  size="1" maxlength="2" />      
             
               </rich:column>
               
               <rich:column id="peG" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="Equipo"/>
                   </f:facet>
										<h:graphicImage value="#{partidoDTO.equipo2.bandera}" />
			              <rich:spacer width="3"></rich:spacer>
			              <h:outputText value="#{partidoDTO.equipo2.nombre}" />
           
               </rich:column>	
					</rich:dataTable>
					</td>
					</tr>
					</table>
				</a4j:outputPanel>
					
				</td>
				
				<td>
				&nbsp;
				</td>
				
				<td>
					<a4j:outputPanel id="panelTablaH">
					<table cellpadding="0" cellspacing="0">
					<tr style="background-color: #024BB9; font-weight: bold; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;">
						<td>	
							<div align="center">
								Grupo H
							</div>
						</td>
					</tr>
					<tr>
					<td>
					<rich:dataTable id="grupoHTable" border="0" cellpading="3"
						rows="6" width="420"
						cellspacing="1" headerClass="encabezado"
						rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
						styleClass="tablamultiregistro"
						value="#{partidosBean.partidosHDataModel}"
						var="partidoDTO">					
						
						<rich:column id="posicionH" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
							     <h:outputText value="Partido"/>
							</f:facet>
							<h:outputText value="#{partidoDTO.idPartido}" />
						
						</rich:column>
						
						<rich:column id="equipoH" style="text-align:left;"
							headerClass="centrado" footerClass="centrado">
							
							<f:facet name="header">
                   <h:outputText value="Equipo"/>
              </f:facet>
              <h:graphicImage value="#{partidoDTO.equipo1.bandera}" />
              <rich:spacer width="3"></rich:spacer>
              <h:outputText value="#{partidoDTO.equipo1.nombre}" />
						
						</rich:column>
						
						<rich:column id="pjH" style="text-align:left;"
                  headerClass="centrado" footerClass="centrado">
                  
                  <f:facet name="header">
                       <h:outputText value="Goles"/>
                  </f:facet>
                  
                  <h:inputText id="goles1" value="#{partidoDTO.goles1}" size="1" maxlength="2" />                
                               
              </rich:column>
                        
               <rich:column id="pgH" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="Goles"/>
                   </f:facet>
                   
                   <h:inputText id="goles2" value="#{partidoDTO.goles2}"  size="1" maxlength="2" />      
             
               </rich:column>
               
               <rich:column id="peH" style="text-align:left;"
                   headerClass="centrado" footerClass="centrado">
                   
                   <f:facet name="header">
                        <h:outputText value="Equipo"/>
                   </f:facet>
										<h:graphicImage value="#{partidoDTO.equipo2.bandera}" />
			              <rich:spacer width="3"></rich:spacer>
			              <h:outputText value="#{partidoDTO.equipo2.nombre}" />
           
               </rich:column>	
					</rich:dataTable>
					</td>
					</tr>
					</table>
				</a4j:outputPanel>
				</td>
			</tr>
		
		</table>
	</ui:define>

	</ui:composition>
</html>